<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>
            <?php echo ($title); ?>
        </title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="format-detection" content="telephone=no">
        <link rel="stylesheet" href="/task/laybbs/Public/css/x-admin.css" media="all">
        <script src="/task/laybbs/Public/jquery-3.1.1.min.js" charset="utf-8"></script>
        <script src="/task/laybbs/Public/lib/layui/layui.js" charset="utf-8"></script>
        <script src="/task/laybbs/Public/js/x-layui.js" charset="utf-8"></script>
        <script src="/task/laybbs/Public/js/x-admin.js"></script>
    </head>
    <body>
    <div class="x-nav">
        <span class="layui-breadcrumb">
          <a><cite>首页</cite></a>
          <a><cite>会员管理</cite></a>
          <a><cite>管理员列表</cite></a>
        </span>
        <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"  href="javascript:location.replace(location.href);" title="刷新"><i class="layui-icon" style="line-height:30px">ဂ</i></a>
    </div>
    <div class="x-body">
        <xblock><button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon">&#xe640;</i>批量删除</button><button class="layui-btn" onclick="admin_add('添加用户','<?php echo U("admin/admin/admin_add");?>','600','500')"><i class="layui-icon">&#xe608;</i>添加</button><span class="x-right" style="line-height:40px">共有数据：<?php echo ($count); ?> 条</span></xblock>
        <table class="layui-table">
            <thead>
                <tr>
                    <th>
                        <input type="checkbox" name="select-all" value="" id="select-all">
                    </th>
                    <th>
                        ID
                    </th>
                    <th>
                        登录名
                    </th>
                    <th>
                        手机
                    </th>
                    <th>
                        邮箱
                    </th>
                    <th>
                        角色
                    </th>
                    <th>
                        加入时间
                    </th>
                    <th>
                        状态
                    </th>
                    <th>
                        操作
                    </th>
                </tr>
            </thead>
            <tbody id="x-link">
            <?php foreach ($admin_list as $alk => $alv) { ?>
                <tr>
                    <td>
                        <input type="checkbox" value="<?php echo ($alv['aid']); ?>" name="selected" class="selected">
                    </td>
                    <td>
                        <?php echo ($alv['aid']); ?>
                    </td>
                    <td>
                        <?php echo ($alv['aname']); ?>
                    </td>
                    <td >
                        <?php echo ($alv['phone']); ?>
                    </td>
                    <td >
                        <?php echo ($alv['email']); ?>
                    </td>
                    <td >
                        <?php echo ($alv['title']); ?>
                    </td>
                    <td>
                        <?php echo timeFormat($alv['join_time']);?>
                    </td>
                    <td class="td-status">
                        <?php if ($alv['available'] == 1) { ?>
                            <span class="layui-btn layui-btn-normal layui-btn-mini">已启用</span>
                        <?php } else { ?>
                            <span class="layui-btn layui-btn-disabled layui-btn-mini">已停用</span>
                        <?php } ?>
                    </td>
                    <td class="td-manage">
                        <a style="text-decoration:none" onclick="admin_stop(this,'<?php echo ($alv['aid']); ?>')" href="javascript:;" title="停用">
                            <i class="layui-icon">&#xe601;</i>
                        </a>
                        <a title="编辑" href="javascript:;" onclick="admin_edit('编辑','<?php echo U('admin/admin/admin_edit',array('id'=>$alv['aid'],'key'=>$alk));?>','600','500')"
                        class="ml-5" style="text-decoration:none">
                            <i class="layui-icon">&#xe642;</i>
                        </a>
                        <a title="删除" href="javascript:;" onclick="admin_del(this,'<?php echo ($alv['aid']); ?>')" 
                        style="text-decoration:none">
                            <i class="layui-icon">&#xe640;</i>
                        </a>
                    </td>
                </tr>
            <?php } ?>
            </tbody>
        </table>
    </div>
    <script>
        layui.use(['laydate','element','layer'], function(){
            $ = layui.jquery;//jquery
          laydate = layui.laydate;//日期插件
          lement = layui.element();//面包导航
          layer = layui.layer;//弹出层

          //以上模块根据需要引入
          
        });

        //全选
        $('#select-all').on('click', function () {
            if ($(this).is(':checked')) {
                $('.selected').prop("checked",true);
                $(this).prop("checked",'checked',true);
            } else {
                $(this).prop('checked',false);
                $('.selected').prop('checked',false);
            }
        });
        //单选(全选后取消一项全选按钮个勾选状态消失)
        $("#x-link").on("change",".selected", function() {
            var count = $(".selected:checked").length;
            if (count == $('tr').length - 1) {
                $('#select-all').prop('checked',true);
            } else {
                $('#select-all').prop('checked',false);
            }
        });
        
        //批量删除提交
         function delAll () {
            // console.log();
            layer.confirm('确认要删除吗？',function(index){
                //捉到所有被选中的，发异步进行删除
                var id = '';
                $($("input.selected:checked")).each(function(){
                    id+=this.value + ',';    //遍历被选中CheckBox元素的集合 得到Value值
                });
                id=id.substring(0,id.length-1)
                if (id=='' || id==undefined || id==null) {
                    layer.msg('至少选择一条删除项', {icon: 2});
                    return false;
                }
                $.post('<?php echo U("admin/admin/admin_del");?>', {del: id}, function(response) {
                    if (response.type == 1) {
                        layer.msg(response.info, {icon: 1});
                        window.location.reload();
                    } else if(response.type == 0) {
                        layer.msg(response.info, {icon: 2});
                    }
                });
            });
         }
         /*添加*/
        function admin_add(title,url,w,h){
            x_admin_show(title,url,w,h);
        }

         /*停用*/
        function admin_stop(obj,id){
            layer.confirm('确认要停用吗？',function(index){
                //发异步把用户状态进行更改
                $.post('<?php echo U('admin/admin/admin_stop');?>', {data: id}, function(response) {
                    if(response.type == 1){
                        layer.msg(response.info,{icon: 6,time:1000},function () {
                            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="admin_start(this,'+response.id+')" href="javascript:;" title="启用"><i class="layui-icon">&#xe62f;</i></a>');
                            $(obj).parents("tr").find(".td-status").html('<span class="layui-btn layui-btn-disabled layui-btn-mini">已停用</span>');
                            $(obj).remove();
                        });
                    } else if (response.type == 0) {
                        layer.msg(response.info,{icon: 5,time:1000});
                    }
                });
            });
        }

        /*启用*/
        function admin_start(obj,id){
            layer.confirm('确认要启用吗？',function(index){
                //发异步把用户状态进行更改
                $.post('<?php echo U('admin/admin/admin_start');?>', {data: id}, function(response) {
                    if(response.type == 1){
                        layer.msg(response.info,{icon: 6,time:1000},function () {
                            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="admin_stop(this,'+response.id+')" href="javascript:;" title="停用"><i class="layui-icon">&#xe601;</i></a>');
                            $(obj).parents("tr").find(".td-status").html('<span class="layui-btn layui-btn-normal layui-btn-mini">已启用</span>');
                            $(obj).remove();
                        });
                    } else if (response.type == 0) {
                        layer.msg(response.info,{icon: 5,time:1000});
                    }
                });
            });
        }
        //编辑
        function admin_edit (title,url,id,w,h) {
            x_admin_show(title,url,w,h); 
        }
        /*删除*/
        function admin_del(obj,id){
            layer.confirm('确认要删除吗？',function(index){
                // 发异步删除数据
                $.ajax({
                    url: '<?php echo U("admin/admin/admin_del");?>',
                    type: 'POST',
                    dataType: 'json',
                    data: {del: id},
                })
                .done(function(response) {
                    if (response.type == 1) {
                        layer.msg(response.info,{icon:1,time:1000});
                        $(obj).parents("tr").remove();
                    } else if (response.type == 0) {
                        layer.msg(response.info,{icon:2,time:1000});
                    }
                })
                .fail(function() {
                    layer.msg('执行出错!',{icon:2,time:1000});
                });
            });
        }
    </script>
</body>
</html>